* {
    margin: 0 auto;
    padding: 0;
}

.hd {
    width: 100%;
    background: #000;
}

.hc {
    border-bottom: 1px #000 solid;
    padding: 10px 0;
}

.sbj {
    margin-top: 15px;
}

.sbj>.col-lg-1>a {
    font-size: 16px;
    color: #000;
}

.sbj>.col-lg-1>a:hover {
    color: aqua;
}

.td {
    width: 1300px;
    height: 552px;
}

.td>.tdtp>img {
    width: 1300px;
}

.td1 {
    position: absolute;
    top: 100px;
    left: 250px;
}

.td2 {
    width: 500px;
    height: 450px;
    position: absolute;
    top: 150px;
    left: 800px;
}

.td3>img {
    width: 123px;
}

.td4 {
    height: 81px;
    width: 400px;
    position: absolute;
    top: 200px;
    display: flex;
    justify-content: space-around;
    /* line-height: 80px; */
}

.td4>div>a {
    color: rgb(0, 0, 0);
    font-size: 20px;
}

.td4>div>a>.zp1 {
    position: relative;
    left: 17px;
}

.td4>.td5>img {
    width: 81px;
}

.dd1 {
    width: 1200px;
    height: 270px;
}

.dd2 {
    width: 808px;
    height: 202px;
    display: flex;
    justify-content: space-around;
}

.dd3 {
    width: 201px;
}

.dd3>a {
    color: #000;
    font-size: 20px;
}

.dd3>a>img {
    height: 81px;
    width: 81px;
}


/* 低部 */

.dt {
    height: 130px;
    width: 100%;
    background: rgb(72, 76, 80);
}

.dt1 {
    height: 90px;
    width: 1170px;
    /* background: rgb(243, 220, 220); */
    position: relative;
    top: 25px;
    font-size: 12px;
    color: rgb(143, 148, 148);
}

.dt1>.dt2>a {
    color: rgb(115, 119, 119);
}

.dt1>.dt2>a:hover {
    color: rgb(255, 255, 255);
}

.dt4 {
    position: absolute;
    top: 20px;
    left: 900px;
}